/* CSS Document */
@media screen and (max-width: 1180px)  {


   .header ul li.navitem{margin: 0 16px;}
   .nav_right{ padding: 47px 0 0 20px;}
   #newslist{ width:100%; padding:75px 0;}
   #indexPage #newslist .newstitem{ width:31.3%; margin:0 1%;}
   #indexPage #newslist .newstitem .newsimg{width:100%;}
   #indexPage #newslist .newsbody{width:98%; padding:0 1%;}
   #indexPage #newslist .newsbody .description{width:98%; padding:0 1%;}
   #newslist .newsbody .title{ display:block; width:100% !important; padding-left:0; }
   #indexPage #newslist .newstitem:hover .newsimg:after {width: calc(100% - 24px);}
   .poster{ display:none;}
   .posters{ display:block;}
   
   .proimg ul li{ width:50%; padding-bottom:2%;}
   .promote-left{ width:50%;}
   .promote-right{ width:46%;}
	
	.foot_L{ width:40%; margin-right:3%;}
	.lxwm{width:35%; margin-left:0;}
	.foot_R{ width:20%;}
	
	
	
	
}


@media screen and (max-width: 980px)  {

   .header #nav { float: left; padding: 18px 0 0 70px; }
   .header ul li.navitem{margin: 0 16px;}
   .nav_right{ padding: 47px 0 0 20px;}
   .header h1 img{ padding:5px 0 0 0 !important;}
   .header ul li.navitem{ margin:0 14px;}
   .shopping-cart{ margin-left:30px;}

	
	
	
}

@media screen and (max-width: 890px)  {
   .header{ height:86px;}
   .header #nav{ display:none;}
   .header h1 { width:161px; }
   .header h1 img { padding-top:7px !important; }
   .header .shopping-cart{ display:none;}
   .mobile-inner{ display:block;}
   .banner{ padding-top:86px;}
   .nav_right{ float:right;}
   .header .search{ right:60px; top: 33px;}
   .header .search .ssk{ top:87px;}
   .foot_R{ display:none;}
   .foot_L{ width:55%; }
	.lxwm{width:40%;}
	
	.index_group ul li { width:50%;}
	
	
}


@media screen and (max-width: 768px)  {

 .flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next{ display:none;}	
 .list li{ width:50%;}
 #indexPage #newslist .newstitem{ width:98%;}
 #indexPage #newslist .newsbody{ border-bottom:1px solid #dddddd; margin-bottom:10px;}
 #newslist .newsbody .description{ height:auto; line-height:40px;}
 #indexPage #newslist .newstitem .newsimg{ display:none;}
 .sec-box { padding: 30px 0; }
 #newslist{padding: 30px 0; }
 
 .promote-left{ width:100%; overflow:hidden;}
 .promote-right{ width:100%; min-height:356px !important;}
 .absolute {position: static !important;}
.relative {position: static !important;}
 
 .subnav_column{ width:100%;} 
.matterbox{ width:100%; margin-bottom:30px;}
.product li{ width:48%;}
.pro-right ul li{ width:50%;}
.mlist.ad01 .content_list li{ width:99%;  padding:0 !important;}
.matterboxs{ width:100%; margin-bottom:3%;}
.inheritance{ display:none !important;}
.subnav_columns{ display:block; width:100%;}
}

@media screen and (max-width:670px) {
	
	.foot_L{ width:100%; margin-right:0;}
	.lxwm{width:100%; padding:20px 0;}
	.posters{ display:none;}
	.posterss{ display:block;}
	#indexPage #newslist .newsbody .description{ padding-bottom:20px;}
	


}


@media screen and (max-width:600px) {
	

	.ys-box ul li{ width:100%; margin-bottom:20px;} 
	.list li{ width:100%;}
	
	.index_group ul li { width:100%;}


}

@media screen and (max-width:500px) {
	
    .bt span{  font-size: 28px;}
	.proimg ul li{ width:100%; padding:2% 0;}


}

@media screen and (max-width:473px) {
	
	.tab ul li{ float:left; width:30.3%; margin:0 1%;}


}

@media screen and (max-width:360px) {
	.header{ height:59px;}
	.header h1 img { width:auto !important; height:59px; padding-top:0px !important; }
	.banner { padding-top:59px;}
    .tab ul li{ float:left; width:30.3%; margin:0 1%;}
	.nav_right{padding: 0px 0 0 20px; }
	.mobile-inner-header{ top:27px !important;}
	.header .search{top:19px;}

}
@media screen and (max-width:312px) {
	
	.fl{ float:none;}
	.fr{ float:none; margin:10px 0;}
}